@import "../../../shared/styles/variables";

.login-bg {
  background-color: white;
}

body.login-bg {
  //background: url('/assets/images/common/login-bg.jpg') no-repeat center center fixed;
  //background-size: cover;
}

@-webkit-keyframes tip-blink {
  0% {
    opacity: .2;
    color: #FF5055;
  }
  50% {
    opacity: .4;
    color: @red-12;
  }
  50.01% {
    opacity: .7;
    color: #EC2138;
  }
  100% {
    opacity: 1;
    color: @red-11
  }
}

@-webkit-keyframes tip-blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes tip-blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes tip-blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes tip-blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.tipBrowser {
  animation: tip-blink 1s linear infinite;
  //animation: tip-blink 1s linear infinite;
  //-webkit-animation: tip-blink 1s linear infinite;
  //-moz-animation: tip-blink 1s linear infinite;
  //-ms-animation: tip-blink 1s linear infinite;
  //-o-animation: tip-blink 1s linear infinite;
}

.ant-layout {
  height: 0;
  min-height: 100vh;
  position: relative;
  overflow: hidden;

  .header-container {
    position: relative;
    height: @header-height;

    .band-container {
      padding: 0;
    }
  }

  .left-line {
    border: 0.5px solid white;
    width: 1px;
    height: 65px;
    margin-bottom: -73px;
  }

  .bottom-line {
    border: 0.5px solid white;
    width: 190px;
    height: 1px;
    margin-left: -9px;
  }
}

.validation-error {
  margin-bottom: 10px;
}


.login-form {
  padding: 0 50px;
  background: rgba(0, 0, 0, 0.4);
  height: 230px;
  width: 320px;

  nz-form-item {
    width: 250px;
    margin-bottom: 30px;

    .anticon {
      font-size: @font-size-18;
      color: @yellow-color !important;
    }

    input::-webkit-input-placeholder, input:-moz-placeholder, .input::-moz-placeholder, input:-ms-input-placeholder {
      color: white;
      opacity: .5;
    }

    input {
      font-size: @font-size-14;
      width: 100%;
      color: white;
      outline: none;
      background-color: rgba(0, 0, 0, 0.7);
      padding-left: 40px !important;
      border: none;
    }
  }
}
